// 创建用户相关的小仓库
import { defineStore } from 'pinia'
// 引入接口
// reqUserInfo
import { reqLogin, reqUserInfo } from '@/api/user'
// 引入数据类型
import type { loginForm, loginResponseData } from '@/api/user/type'
import type { UserState } from './types/type'
// 引入操作本地存储的工具方法
import { SET_TOKEN, GET_TOKEN, REMOVE_TOKEN } from '@/utils/token'
// 引入路由(常量路由)
import { constantRoute } from '@/router/routes'

// 创建用户小仓库
const useUserStore = defineStore('User', {
  // 小仓库存储数据的地方
  state: (): UserState => {
    return {
      token: GET_TOKEN(), // 用户唯一标识token
      menuRoutes: constantRoute, // 仓库存储生成菜单需要的数组(路由)
      username: '',
      avatar: '',
    }
  },
  // 处理异步|逻辑
  actions: {
    // 用户登录方法
    async userLogin(data: loginForm) {
      // 登录请求
      const result: loginResponseData = await reqLogin(data)
      // 成功200 -> token
      // 失败201 -> 错误信息
      if (result.code == 200) {
        // pinia仓库存储token
        // pinia | vuex 存储数据利用JS对象
        this.token = result.data.token as string
        // 本地存储持久化
        // localStorage.setItem('TOKEN', result.data.token as string)
        SET_TOKEN(result.data.token as string)
        // 保证当前async函数返回一个成功的promise
        return 'OK'
      } else {
        return Promise.reject(new Error(result.data.message))
      }
    },
    // 获取用户信息的方法
    async userInfo() {
      // 获取信息并存储仓库中[用户头像、名字]
      const result = await reqUserInfo()
      // console.log(result)
      // 若获取用户信息成功就存储一下
      if (result.code == 200) {
        this.username = result.data.checkUser.username
        this.avatar = result.data.checkUser.avatar
      } else {
      }
    },
    // 退出登录
    userLogout() {
      // 目前没有mock接口：退出登录接口（通知服务器本地用户唯一标识失效）
      this.token = ''
      this.username = ''
      this.avatar = ''
      REMOVE_TOKEN()
    },
  },
  getters: {},
})

// 对外暴露获取小仓库的方法
export default useUserStore
